/**
 * 共享样式文件 (shared-styles.css)
 * 主要用于解决iframe滚动条问题和统一基础样式
 * 被index.html中的iframe内容页面引用
 */

/* 基础页面布局 - 确保内容页面占满整个iframe空间 */
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: auto; /* 允许内容页面有一个滚动条 */
}

/* 确保内容容器使用全部可用空间并提供滚动功能 */
.container {
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
}

/* 防止不必要的水平滚动条和内容溢出 */
* {
    box-sizing: border-box;
    max-width: 100%;
}